<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>demo10</title>
    <link rel="stylesheet" href="./demo10.css">
</head>
<body>
    <div>测试外部样式</div>
    <p class="test">test类选择器</p>
    <div class="second first ">多种类选择器叠加</div> 

    <div id="fi">id选择器</div>


    <ul>
        <li>未设置css</li>
        <li><a href="#">孙子关系</a></li>
    </ul>

    <ol>
        <li>后代选择器</li>
    </ol>


    <ol class="olclass">
        <li>
            <a href="#">??</a>
        </li>

        <li>fffffffff</li>
    </ol>

    <ol>
        <li>???</li>
    </ol>

    <div class="two">
        <a href="#">1111</a>
        <p><a href="#">222</a></p>
    </div>
</body>
</html>